Documentación sobre la integración de CC Google
Documentación completa del complemento cc_google_integrationÍndice
1. introducción
2. instalación
3. activación de la licencia
4 Configuración básica
5. seguimiento de los eventos de comercio electrónico
6 Integración con Google Ads
7. modo depuración
8. código JavaScript personalizado
9 Solución de problemas
10. PREGUNTAS FRECUENTES
1. introducción
CC Google Integration es un plugin profesional para WooCommerce que permite la integración completa de su tienda online con Google Analytics 4, Google Tag Manager y Google Ads. Permite realizar un seguimiento automático del comportamiento de los usuarios y de los eventos de comercio electrónico, lo que resulta crucial para optimizar los procesos de ventas y marketing.El plug-in permite un control total sobre:
- Integración con Google Analytics 4 (GA4)
- Integración con Google Tag Manager (GTM)
- Configuración de conversión de Google Ads
- seguimiento de eventos de comercio electrónico
- código JavaScript personalizado
2. instalación
Requisitos del sistema- WordPress 5.0 o superior
- WooCommerce 3.0 o posterior
- PHP 7.0 o posterior
- Descargue el archivo ZIP del plug-in desde la tienda oficial
- Acceda al panel de administración de WordPress
- Ir a: Plug-ins > Añadir nuevo > Enviar plug-in
- Seleccione el archivo ZIP descargado y haga clic en "Instalar ahora".
- Una vez finalizada la instalación, haga clic en "Activar complemento".
3. activación de la licencia
Es necesario activar la licencia antes de utilizar el plug-in:Después de la instalación, vaya a: COCOS. > Licencia cc_google_integration
Introduzca la clave de licencia recibida tras la compra
Haga clic en "Activar licencia".
Tras la activación, aparecerá un mensaje de confirmación.
Consejo
Sin una licencia activa, el plug-in funcionará en modo de vista previa sin posibilidad de editar los ajustes.
4 Configuración básica
Para configurar los ajustes básicos del plug-in:- Ir a: Ajustes > Integración con Google
- Configure las siguientes opciones:
Introduzca el identificador de medición de Google Analytics 4 (formato: G-XXXXXXXXXX). Puede encontrarlo en la interfaz de Google Analytics en Administración > Configuración del servicio > Recopilación y modificación de datos > Flujos de datos > Flujo seleccionado > Identificador de medición.
Contenedor ID GTM
Introduzca el ID del contenedor de Google Tag Manager (formato: GTM-XXXXXXX). Lo encontrará en la interfaz de Google Tag Manager.
ID de Google Ads
Introduzca el identificador de la etiqueta principal de Google Ads (formato: AW-XXXXXXXXX). Lo encontrará en la interfaz de Google Ads en Herramientas > Etiquetas del sitio.
5. seguimiento de los eventos de comercio electrónico
En esta sección, puede activar y configurar el seguimiento de eventos de comercio electrónico:Activar el seguimiento del comercio electrónico
Habilite esta opción para activar el seguimiento de eventos de compra de Google Analytics 4.
Próximos eventos
Elija qué eventos de comercio electrónico desea seguir en su tienda:
- Visualización de la lista de productos (view_item_list) - registra la visualización de una lista de productos en una tienda
- Exposición de un solo producto (view_item) - registra la visualización de la página del producto
- Añadir a la cesta (add_to_cart) - registra la adición de un producto a la cesta
- Inicio del contrato (begin_checkout) - registra el inicio del proceso de pedido
- Comprar (compra) - registra las transacciones realizadas
- Buscar en (búsqueda) - registra las consultas de búsqueda en la página de la tienda
- Registro de usuarios (sign_up) - registra el alta de un nuevo usuario
- Inicio de sesión de usuario (login) - registra el login de un usuario existente
Introduzca las clases CSS de los botones que desea rastrear. Puede separar varias clases con comas. Las clases de botones por defecto en WooCommerce son:
- .add-to-cart
- .add_to_cart_button
- .ajax_add_to_cart
- .single_add_to_cart_button
- .single_add_to_cart_ajax_button
Consejo
El complemento dispone de detección automática de las clases del botón "Añadir a la cesta", pero siempre conviene comprobarlas manualmente mediante las herramientas de desarrollo del navegador (F12).
6 Integración con Google Ads
Para configurar el seguimiento de conversiones de Google Ads, configure los siguientes campos:Etiquetas de conversión
Introduzca las etiquetas de conversión de Google Ads para eventos individuales. La etiqueta es la parte que aparece después de la "/" en el ID de conversión completo. Por ejemplo, si el ID de conversión es "AW-123456789/AbCdEfGhIj", introduzca "AbCdEfGhIj" en el campo correspondiente.
Etiquetas de conversión disponibles:
- Etiqueta de conversión "exposición de productos" - para el evento view_item
- Etiqueta de conversión "añadir a la cesta" - para el evento add_to_cart
- Etiqueta de conversión "inicio de pedido" - para el evento begin_checkout
- Etiqueta de conversión "compra" - para la compra del evento
- Etiqueta de conversión "búsqueda" - para el evento de búsqueda
- Etiqueta de conversión "registro de usuario" - para el evento sign_up
- Etiqueta de conversión "login usuario" - para acceder al evento
Importante
Para Google Ads, es necesario crear los objetivos y las conversiones uno mismo en su cuenta de Google Ads. Una vez obtenidas las etiquetas de conversión, hay que introducirlas en la configuración del complemento.
7. modo depuración
El plug-in ofrece un modo de depuración para ayudar a verificar que la integración funciona correctamente:Activar el modo de depuración
Marque esta opción para activar el modo de depuración. Esto hará que se muestre información detallada de eventos GA4 y mensajes de diagnóstico en la consola JavaScript.
Consejo
Para abrir la consola de desarrollador en tu navegador, pulsa F12 o Ctrl + Mayús + I (Windows/Linux) o Cmd + Opción + I (Mac), luego ve a la pestaña "Consola".
Para asegurarse de que todo funciona correctamente, puede utilizar la herramienta oficial de Google, Tag Assistant. Te permite verificar que las etiquetas se implementan correctamente y que los datos se transfieren correctamente.
8. código JavaScript personalizado
El complemento le permite añadir su propio código JavaScript, que se ejecutará en todas las páginas de la tienda:Incluya su propio código
Marque esta opción para activar la ejecución de su propio código JavaScript.
Código JavaScript personalizado
En este campo puede introducir código JavaScript personalizado que se ejecutará en todas las páginas. Aquí puede añadir sus propios eventos para GA4 o GTM.
Ejemplo de código de evento personalizado:
document.addEventListener("DOMContentLoaded", function() {
// Upewnij się, że dataLayer istnieje
window.dataLayer = window.dataLayer || [];
// Przykład wysłania prostego zdarzenia po załadowaniu strony
dataLayer.push({
"event": "custom_event",
"custom_parameter": "value",
"timestamp": new Date().toISOString()
});
console.log("Własne zdarzenie zostało wysłane do dataLayer");
// Opcjonalnie: Przykład zdarzenia po kliknięciu w przycisk
// Sprawdź, czy element istnieje przed dodaniem nasłuchiwacza
const przycisk = document.querySelector("#moj-przycisk");
if (przycisk) {
przycisk.addEventListener("click", function() {
dataLayer.push({
"event": "button_click",
"button_id": "moj-przycisk",
"button_text": this.textContent
});
console.log("Zdarzenie kliknięcia w przycisk zostało wysłane do dataLayer");
});
}
});
9 Solución de problemas
Las etiquetas no son visibles en las herramientas de Google- Compruebe que los identificadores GA4, GTM y Google Ads se han introducido correctamente.
- Asegurarse de que la licencia está activa
- Borra la caché del navegador y vuelve a comprobarlo
- Utilice el modo de depuración para ver los mensajes en la consola de JavaScript
- Utilice el Asistente de etiquetas de Google para verificar las etiquetas
- Asegúrese de que los eventos relevantes están activados en la configuración del plug-in
- Compruebe que las clases personalizadas del botón "Añadir a la cesta" están configuradas correctamente.
- Compruebe que no hay conflictos con otros plug-ins
- Compruebe que el JavaScript de la página funciona correctamente (sin errores en la consola)
- Compruebe que el identificador principal de Google Ads es correcto
- Garantizar la correcta configuración de las etiquetas de conversión
- Verificar que las conversiones están correctamente configuradas en el panel de Google Ads.
10. PREGUNTAS FRECUENTES
¿Funciona el plugin con las últimas versiones de WooCommerce?Sí, CC Google Integration es compatible con las últimas versiones de WooCommerce y se actualiza regularmente para garantizar la compatibilidad.
¿Necesito cuentas separadas para GA4, GTM y Google Ads?
Sí, para sacar el máximo partido al plugin, se recomienda disponer de cuentas de Google Analytics 4, Google Tag Manager y Google Ads. Cada una de estas herramientas tiene un papel diferente en el ecosistema de la analítica.
¿Afecta el plug-in al rendimiento del sitio?
CC Google Integration se ha diseñado teniendo en cuenta el rendimiento y tiene un impacto mínimo en la velocidad de carga de la página. Los scripts se cargan de forma asíncrona, lo que minimiza el impacto en los tiempos de carga.
¿Puedo seguir eventos personalizados?
Sí, con la opción "Código JavaScript personalizado", puede añadir el seguimiento de cualquier evento personalizado tanto a Google Analytics 4 como a Google Tag Manager.
¿El plug-in admite traducciones?
Sí, todos los textos de los plugins pueden traducirse utilizando herramientas estándar de WordPress como Loco Translate o WPML.
¿Con qué frecuencia se actualiza el plug-in?
El plugin se actualiza regularmente para garantizar la compatibilidad con las últimas versiones de WordPress, WooCommerce y los servicios de Google.
¿Y si necesito ayuda?
Tras la compra de la licencia se ofrece asistencia técnica. Póngase en contacto con nosotros página de asistencia.
